<html>
    <head>
        <title><g:layoutTitle default="MegaSoft" /></title>
        <link rel="stylesheet" href="${resource(dir:'css',file:'main.css')}" />
        <link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
        <g:layoutHead />
        <g:javascript library="application" />
    </head>
    <body>
        <div id="spinner" class="spinner" style="display:none;">
            <img src="${resource(dir:'images',file:'spinner.gif')}" alt="Spinner" />
        </div>
        <div class="logo">
          <table style="border:none">
            <tr>
              <td>
                  <img src="${resource(dir:'images',file:'LiU_logo_mini.jpg')}" alt="LiU" />
              </td>
              <td width="60%"></td>
              <td><img src="${resource(dir:'images',file:'IDA_logo_125x79.en.gif')}" alt="IDA" /></td>
            </tr>
          </table>
          </div>
      <!--
          <div class="nav" >
            <span class="menuButton"><a class="home" href="${resource(dir:'')}">Home</a></span>
            <span class="menuButton"><g:link class="listEmployee" controller="employee" action="list">Employee List</g:link></span>
            <span class="menuButton"><g:link class="listProject" controller="project" action="list">Project List</g:link></span>
            <span class="menuButton"><g:link class="logout" controller="employee" action="logout">Log Out</g:link></span>
          </div>
        -->
      <g:layoutBody />
    </body>	
</html>